<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>上传视频</title>
    <div th:replace="fragment/header::css"></div>
    <div th:replace="fragment/header::js"></div>
    <style>
        .fakeimg {
            height: 200px;
            background: #bbb;
        }
    </style>
</head>
<body >
<div th:replace="fragment/nav::nav"></div>

<div class="container">
    <div class="row">
        <div class="col-sm-4">
<!--            <h2>我</h2>-->
            <!--            <h5>我的照片:</h5>-->
            <img th:src="@{/image/高雨诺/1.jpg}"  height="200px">
            <h3>我们终将上岸 阳光万里</h3>
             <p>请关注我</p>
            <ul class="nav nav-pills nav-stacked">
                <li class="active"><a href="#">我的视频</a></li>
                <li><a href="#">我的喜欢</a></li>
                <li><a href="#">我的收藏</a></li>
                <li><a href="#">我的私信</a></li>
                <li><a href="#">转发</a></li>
            </ul>
            <hr class="hidden-sm hidden-md hidden-lg">
        </div>
        <div class="col-sm-8">
            <h2>上传视频</h2>
            <div class="card border-success">
                <div class="card-body">
                    <form action="/VideoOrderSystem/common/uploadMd" method="post" enctype="multipart/form-data">

                        <div class="form-group">
                            <label for="music">视频封面</label>
                            <input type="file" class="form-control" name="file" id="music">
                            <p>请选择上传的视频封面，大小小于5M</p>
                        </div>
                        <div class="form-group">
                            <label for="video">视频</label>
                            <input type="file" class="form-control" name="file" id="video">
                            <p>请选择上传的视频，大小小于100M</p>
                        </div>
                        <div class="form-group">
                            <label for="mediaIntro">视频简介</label>
                            <input type="text" class="form-control" name="mediaIntro" id="mediaIntro">

                        </div>
                        <div class="form-group">
                            <label for="mediaDuration">视频时长</label>
                            <input type="text" class="form-control" name="mediaDuration" id="mediaDuration">

                        </div>
                        <div class="form-group">
                            <label for="mediaName">视频名</label>
                            <input type="text" class="form-control" name="mediaName" id="mediaName">
                        </div>

                        <div class="form-group">
                            <label for="se">分类</label>

                            <select name="categoryId" class="form-control form-control-lg" id="se">
                                <option th:each="c,cState:${cate}" th:text="${c.getCategoryName()}" th:value="${c.getCategoryId()}">Large select</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label for="mediaType">分类</label>

                            <select name="mediaType" class="form-control form-control-lg" id="mediaType">
                                <option value="1">影视</option>
                                <option value="0">视频</option>
                            </select>
                        </div>
                        <button type=submit class="btn btn-success btn-block">点击上传</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="jumbotron text-center" style="margin-bottom:0">
            <p>过往视频</p>
            <video width="600" autoplay="autoplay" controls="controls">
                <source th:src="@{/image/高雨诺/2.mp4}" type="video/mp4"/>
            </video>
        </div>
    </div>

</div>
</body>
</html>
